<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>{{$activity['name']}}</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">
    <!--在iPhone 手机上禁止了把数字转化为拨号链接-->
    <meta content="telephone=no" name="format-detection"/>
    <!--删除默认的苹果工具栏和菜单栏-->
    <meta content="yes" name="apple-mobile-web-app-capable">
    <!-- 网站开启对web app程序的支持，在web app应用下状态条（屏幕顶部条）的颜色，默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="/app/{{$activity_template}}/css/index.css" type="text/css"/>
    <link rel="stylesheet" href="/app/{{$activity_template}}/css/animate.min.css" type="text/css"/>
    <style>
        .startPageFooter {
            width: 100%;
        }

        .container:after {
            content: "";
            clear: both;
            display: table;
        }

        .container {
            padding: 10px 0 10px 10px;
        }

        .container .box {
            float: left;
            width: 16.1%;
            border-radius: 50%;
            margin: 0 10px 10px 0;
            overflow: hidden;
            background-color: #CCCCCC;
            -webkit-transition: all 1.0s ease;
            -moz-transition: all 1.0s ease;
            transition: all 1.0s ease;
            transition: all 1.0s ease;
        }

    </style>
    <script type="text/javascript" src="/app/{{$activity_template}}/js/jquery.min.js"></script>
    <script type="text/javascript" src="/app/{{$activity_template}}/js/layer/layer.js"></script>
    <script src="//cdn.bootcss.com/js-cookie/latest/js.cookie.min.js"></script>
    @php
        $rule = json_decode($activity['rule'],true);
    @endphp
    <script type="text/javascript">
        //ajax 请求回来或后台给的数据
        var data = {
            bgSrc: '{{$activity['backgroundImg']}}',//游戏背景
        };

        if (!data['bgSrc']) {
            data['bgSrc'] = '/app/{{$activity_template}}/img/bg.jpg';
        }
        $('body').css({
            background: 'url(' + data.bgSrc + ") no-repeat top left",
            backgroundSize: 'cover'
        })

    </script>
</head>
<body>
<div id="startPage" data-isrolling="true">

    <div class="startPageFooter">
        {{--<div id="logo" ></div>--}}
        {{--<p class="p1">本次活动由以下提供赞助</p>--}}
        {{--<div class="container p2">--}}
        {{--@foreach($sponsors as $row)--}}
        {{--<div class="box"><img style="width: 100%;" src="{{$row['logo']}}" alt=""></div>--}}
        {{--@endforeach--}}
        {{----}}
        {{--</div>--}}
        <p class="p1">活动由成都华栖云提供</p>
        <a class="startBtn animated wobble">开始</a>
        <p class="p3"><span class="actRule">活动说明</span></p>
    </div>
</div>
<div class="space">
    <div class="stars">
        <div class="star"></div>
        <div class="star pink"></div>
        <div class="star blue"></div>
        <div class="star yellow"></div>
    </div>
</div>
<!-- 顶部状态栏 -->
<div id="topBar">
    <span>剩余<i id="rTime"></i>秒</span>
    <span><i class="rIcon"> </i><i class="rX">x</i><i id="rNum">0</i></span>
</div>

<ul id="main" class="main">
</ul>


<div style="display: none;" id="activity_description">{!! $activity['description'] !!}</div>


@if($from =='wechat')

    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">
        var shares = {!! $activity['shares'] !!};
        wx.config(<?php echo $wxjs->config(array('onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQZone'), false) ?>);

        wx.ready(function () {
            if (shares['isopen'] && shares['isopen'] == 1) {
                //分享朋友圈
                wx.onMenuShareTimeline({
                    title: shares['title'], // 分享标题
                    link: '{{$share_url}}' + '?from=wechat', // 分享链接
                    imgUrl: shares['icon'], // 分享图标
                    success: function () {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
                //分享到微信好友
                wx.onMenuShareAppMessage({
                    title: shares['title'], // 分享标题
                    desc: shares['description'], // 分享描述
                    link: '{{$share_url}}' + '?from=wechat', // 分享链接
                    imgUrl: shares['icon'], // 分享图标
                    type: 'link', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function () {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
                //分享到qq好友
                wx.onMenuShareQQ({
                    title: shares['title'], // 分享标题
                    desc: shares['description'], // 分享描述
                    link: '{{$share_url}}', // 分享链接
                    imgUrl: shares['icon'], // 分享图标
                    success: function () {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
                //分享到腾讯微博
                wx.onMenuShareWeibo({
                    title: shares['title'], // 分享标题
                    desc: shares['description'], // 分享描述
                    link: '{{$share_url}}', // 分享链接
                    imgUrl: shares['icon'], // 分享图标
                    success: function () {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
                //分享到扣扣空间
                wx.onMenuShareQZone({
                    title: shares['title'], // 分享标题
                    desc: shares['description'], // 分享描述
                    link: '{{$share_url}}', // 分享链接
                    imgUrl: shares['icon'], // 分享图标
                    success: function () {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
            }
        });


    </script>

@endif
</body>
</html>